body{
    background-color: #C1DEEE;
}
body .stream-item:hover .tweet-screen-name, 
body .stream-item:hover .tweet-timestamp, 
body .stream-item:hover .tweet-geo-text,
body .stream-item:hover .user-profile-link, 
body span.user-stat-link, 
body a.title-link:hover, 
body a.user-stats-count:hover span.user-stats-stat, 
body .dashboard .user-small-list-item:hover a.user-screen-name, 
body .dashboard .user-small-list-item:hover .user-meta a, 
body .user-detailed-list-item:hover a.user-screen-name, 
body .tweet-activity:hover a.latest-tweet-timestamp, 
body .stream-item:hover a.icon-link, 
body .stream-item:hover a.icon-link b, 
body .stream-item:hover .tweet-feedback, 
body .promoted-tweet:hover .social-context a, 
body .dashboard ul.trends li a:hover span.icon-link, 
body .dashboard-activity-item-sentence .dashboard-activity-item-entity, 
body .dashboard-activity-item-sentence .dashboard-activity-item-entity .user, 
body .dashboard-activity-item-sentence .dashboard-activity-item-count, 
body .dashboard-activity-item-link:hover .dashboard-activity-item-sentence, 
body .dashboard-activity-item-link:hover .dashboard-activity-item-sentence span.user, 
body .onebox-user-screen-name:hover {
  color: #0084B4 !important;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0.1) -moz-use-text-color rgba(255, 255, 255, 0.3);
  border-left: 0 none;
  border-right: 0 none;
  border-style: solid none;
  border-width: 1px 0;
  clear: both;
  display: block;
  height: 0;
  margin: 15px 0;
}

body>.container .component div.tweet-activity + hr.component-spacer, .component:last-child hr.component-spacer {
  display: none;
}

.quickstar, .jumbotron{
    background-color: #C1DEEE;
    padding-top:0px;
}

body>.container{
    width: 940px;
    margin-top: 20px;
    padding-top:0px;
    background: none repeat scroll 0 0 rgba(221, 238, 246, 0.9);
}

.center-content{
	  background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 100%;
    width: 540px;
    min-height: 700px;
    position: relative;
    z-index: 4;
}

.dashboard {
    border-top-right-radius: 5px;
    max-width: 460px;
    overflow: hidden;
    padding: 12px 20px;
    position: relative;
    display: inline;
    float: left;
}

/*****************page header ********************************************************************/
.page-header {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 0 0;
    padding: 15px 20px 0;
    position: relative;
    z-index: 2;
}

.page-header ul{
	 margin: 15px -20px 0;
}

.sharing-header-wrapper{
   padding: 10px 20px 0;
   position: relative;
}


/******************sharing textarea********************/

.sharing-content-title{
	 overflow: hidden;
   padding: 1px 0;
}

.sharing-content-title h2{
	 color: #999999;
   font: bold 18px Helvetica Neue,Helvetica,sans-serif;
   margin: 0 0 6px;
   text-shadow: 0 1px 0 #FFFFFF;
}

.text-area{
	 margin-bottom: 10px;
   position: relative;
}

.text-area-editor textarea{
	resize: vertical;
}

.sharing-adding-box .sharing-adding-editor{
	/*height: 15px !important;*/
  min-height: 15px !important;
  overflow: hidden;
}

.sharing-adding-box .sharing-adding-editor{
	  border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px #FFFFFF;
    color: #222222;
    font: 14px/18px "Helvetica Neue",Arial,sans-serif;
    height: 56px;
    outline: medium none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    white-space: pre-wrap;
    width: 440px;
    word-wrap: break-word;
}

/*************sharing button container****************/
.sharing-button-container {
		height: 29px;
		margin: 5px 0 3px;
		position: relative;
		text-align: right;
		z-index: 3;
}

/********************turkey-control*******/
.turkey-control {
  float: left;
  height: 29px;
  padding-top: 3px;
  position: relative;
  width: 28px;
}

.turkey-add-action {
  -moz-user-select: none;
  cursor: pointer;
  height: 25px;
  margin: 2px 0 0;
  overflow: hidden;
  position: relative;
  width: 28px;
}

.turkey-add-action .turkey {
  background: url("../img/sprite_icons-contentfe.png") no-repeat scroll 0 -150px transparent;
  cursor: pointer;
  height: 14px;
  left: 6px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 17px;
}

.turkey-add-action:hover .turkey, .turkey-add-action.button-active .turkey {
  background: url("../img/sprite_icons-contentfe.png") no-repeat scroll 0 -165px transparent;
}

.turkey-add-action .swf {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 15;
}

.turkey-file-input {
  cursor: pointer;
  font-size: 50px;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}


.turkey-selected-files, .turkey-post-target {
  display: none;
}

/********************sharing button *******/
.tweet-button-sub-container {
  display: inline-block;
}

.tweet-counter {
  background-color: transparent;
  border: 0 none;
  color: #999999;
  display: inline-block;
  font: 16px 'helvetica neue','lucida grande',helvetica,arial;
  padding: 0 3px;
  position: relative;
  text-align: right;
  top: 5px;
  vertical-align: top;
  width: 35px;
}

/***************** Stream item ********************************************************************/
.stream-item {
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid transparent;
    clear: both;
    display: block;
    margin-top: -1px;
    min-height: 60px;
    outline: medium none;
    position: relative;
}

.stream-item:hover{
    background: none repeat scroll 0 0 #F4F4F4;
    border-top: 1px solid #EBEBEB;
    cursor: pointer;
}

.stream-item:hover{
    background-color: rgba(0, 132, 180, 0.1);
    border-color: rgba(0, 132, 180, 0.15);
}

.stream-item:hover .more, .hovered-stream-item .more {
    display: block;
}

.stream .stream-item:first-child{
	 border-top: medium none;
}
/***********************.stream-item .more*****************************/
.stream-item .more {
    background: url("../img/sprite-icons.png") no-repeat scroll -288px 0 transparent;
    display: none;
    height: 18px;
    margin-top: 8px;
    outline: medium none;
    position: absolute;
    right: 10px;
    text-indent: -99999px;
    width: 17px;
    z-index: 1;
}

.stream-item .more:hover {
    background: url("../img/sprite-icons.png") no-repeat scroll -288px -32px transparent;
}


/***********************.stream-item  .tweet*****************************/
.tweet {
    font-size: 15px;
    padding: 10px 5px;
    position: relative;
}

.tweet-row {
    display: block;
    line-height: 15px;
    position: relative;
   
}

.tweet-image {
    float: left;
    height: 50px;
    margin-top: 0px;
    overflow: hidden;
    width: 50px;
}


.tweet-username .tweet-screen-name{
		color: #333333;
		font-weight: bold;
}

.tweet-content {
    margin-left: 60px;
    min-height: 48px;
}

.tweet-text {
    font-family: Arial,"Helvetica Neue",sans-serif;
    line-height: 19px;
    padding: 0;
    word-wrap: break-word;
}

.tweet-timestamp{
    color: #999999 !important;
    font-size: 11px;
}

.tweet-actions {
    font-size: 11px;
}

/**************************stream-tweet  .tweet-actions********************************/
.stream-tweet .tweet-actions {
    visibility: hidden;
}

.stream-tweet:hover .tweet-actions {
    visibility: visible;
}

.tweet-actions a {
    outline: medium none !important;
}

.tweet-actions a:hover {
    text-decoration: none;
}

.tweet-actions a span i {
    background: url("../img/sprite-icons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    margin: 0 2px;
    outline: medium none;
    text-indent: -99999px;
    width: 15px;
}

.tweet-actions a span i {
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 3px;
    position: relative;
    vertical-align: baseline;
}

.tweet-actions .favorite-action span i {
    background-position: -32px 0;
}

.tweet-actions .favorite-action:hover span i {
    background-position: -48px 0;
}

.tweet-actions a span b {
    font-weight: normal;
}

.tweet-actions a:hover span b {
    text-decoration: underline;
}

.tweet-actions .retweet-action span i {
    background-position: -176px 0;
}

.tweet-oper-bar{
	float: right;
}

.tweet-actions .retweet-action:hover span i {
    background-position: -192px 0;
}

.tweet-actions .reply-action:hover span i {
    background-position: -16px 0;
}

/**************************dashbord ****************************************************************/
.component {
  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-serif;
  margin-bottom: 6px;
}
.component h2 {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 6px;
}

/******************dashboard title**********************/

a.title-link{
	color: #333333;
}
.component h2 span.user-stat-link {
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
}
.component h2 a.title-link:hover span {
  text-decoration: none;
}

.component h2 a.title-link:hover {
  text-decoration: underline;
}

.dashboard .tweet {
  font-family: 'Helvetica Neue',Sans-serif;
  font-size: 13px;
  padding: 0;
  width: auto;
}

div.latest-tweet, div.embedded-tweet, div.truncated-tweet {
  clear: both;
  margin-bottom: 14px;
  margin-top: -4px;
}

div.latest-tweet .tweet-content, div.truncated-tweet .tweet-content {
  line-height: 18px;
  margin-left: 0;
  min-height: 0;
}

div.latest-tweet .tweet-row, div.truncated-tweet .tweet-row {
  height: 17px;
  overflow: hidden;
  white-space: nowrap;
}

.ellipsify-container > span.ellip-content {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

div.latest-tweet .tweet-text, div.embedded-tweet .tweet-text, div.truncated-tweet .tweet-text {
  display: inline;
  line-height: 15px !important;
}

/******************dashboard my following and follower***********/
div.following-activity, div.following-activity-full, div.new-followers-activity {
  overflow: hidden;
}

div.your-activity {
  float: left;
  margin-bottom: 18px;
  width: 50%;
}

.dashboard div.new-followers-activity + hr {
  margin-top: 6px;
}

/******************dashboard cared sharing**********************/

/******************hotest tag**********************/

/******************dashboard footer**********************/
.dashboard .lastfooter {
  clear: both;
  font-size: 11px;
  padding-top: 0;
}

.base-list, .base-list li, .inline-list, .inline-list li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.dashboard .lastfooter li {
  display: inline-block;
  margin-right: 6px;
  white-space: nowrap;
}


/**************************details-pane-outer ****************************************************************/
#details-pane-outer {
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 3;
}

.details-pane-shell {
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  width: 920px;
}

.details-pane {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  max-width: 490px;
  min-width: 370px;
  overflow: hidden;
  position: relative;
  top: 0;
}

.details-pane .inner-pane {
  height: 100%;
  margin-left: 10px;
}

div.pane-toolbar {
  background: none repeat scroll 0 0 #F4F4F4;
  border-top-right-radius: 5px;
  margin-left: -10px;
  padding: 6px 10px 6px 20px;
}

.details-pane .pane-components {
  overflow-y: auto;
  position: relative;
}

.details-pane .tweet-components {
  border-bottom: 1px solid #EBEBEB;
}

.details-pane .pane-components-inner {
  background-color: white;
}

.inner-pane .component {
  margin-bottom: 0;
}

.js-details-pane-shown {
    -moz-transition-property: none;
    display: block;
    height: 391px;
    left: 510px;
    width: 400px;
}

.js-details-pane-hidden {
    -moz-transition-property: none;
    display: none;
    height: 216px;
    left: 10px;
    width: 380px;
}

div.pane-toolbar a.pane-close {
  text-decoration: none;
}

div.pane-toolbar a.pane-close {
  float: right;
}

div.pane-toolbar .toolbar-control {
  color: #999999 !important;
  font-size: 12px;
  outline: medium none;
}

div.pane-toolbar a.pane-close span {
  padding-left: 4px;
}

div.pane-toolbar a span {
  color: #888888;
  font: bold 14px Tahoma,Arial,sans-serif;
  margin-top: 2px;
}

div.pane-toolbar a:hover, div.pane-toolbar a:hover span {
  color: #555555 !important;
}
